<template>
    <div style="background-color: white;">
        <a-tabs type="card" v-model="tab">
            <a-tab-pane key="RoomInfo" tab="客房信息">
                <RoomInfoList v-if="tab === 'RoomInfo'" />
            </a-tab-pane>
            <a-tab-pane key="RoomType" tab="客房类型">
                <RoomTypeList v-if="tab === 'RoomType'" />
            </a-tab-pane>
            <a-tab-pane key="RoomFloor" tab="楼层设置">
                <RoomFloorList v-if="tab === 'RoomFloor'" />
            </a-tab-pane>
            <a-tab-pane key="RoomGoods" tab="客房商品设置">
                <RoomGoodsList v-if="tab === 'RoomGoods'" />
            </a-tab-pane>
            <a-tab-pane key="RoomColor" tab="客房颜色设置">
                <RoomColorList v-if="tab === 'RoomColor'" />
            </a-tab-pane>
        </a-tabs>
    </div>
</template>

<script>
import RoomInfoList from './RoomInfo/RoomInfoList'
import RoomTypeList from './RoomType/RoomTypeList'
import RoomFloorList from './RoomFloor/RoomFloorList'
import RoomGoodsList from './RoomGoods/RoomGoodsList'
import RoomColorList from './RoomColor/RoomColorList'

export default {
    name: "KFSetting",
    components: {
        RoomInfoList,
        RoomTypeList,
        RoomFloorList,
        RoomGoodsList,
        RoomColorList,
    },
    data() {
        return {
            tab: 'RoomInfo'
        };
    },
    methods: {
        callback(key) {
            console.log(key);
        },
    },
}
</script>